<template>
   <div class="panel">
    <div>
      <i :class="['icon','iconfont',send_panel.icon]" :style="{color:send_panel.color}"></i>
    </div>
    <ul>
      <li>{{send_panel.title}}</li>
      <li>{{send_panel.count}}</li>
    </ul>
  </div>
</template>

<script>
  export default {
    props:{
      send_panel:{
        type:Object
      }
    }
    
  }
</script>

<style lang="less" scoped>
.panel{
    height: 80px;
    display: flex;
    align-items: center;
    background-color: #fff;
    div{
        flex:0 0 100px;
        padding-left:30px;
    }
    ul{
        flex:1;
        li{
          height: 30px;
          &:nth-child(1){
            font-size: 20px;
            font-weight: 700;
            color: gray;
          }
        }
    }
}
.icon {
  font-size: 45px;
}
</style>